/*----------------------------------------*/
/*  Goods CSS
/*----------------------------------------*/

.product-preview {
    height: 360px;
}
.product-preview img {
    width: 100%;
    min-height: 360px;
}
.product-info .aui-range {
    padding: 0 10px;
    width: 100%;
}
.product-info .aui-range .range {
    width: 100%;
}
.product-info .aui-btn {
    background-color: #e73e56;
    color:#fff;
    border:none;
}

.goods-detail-header{
    position:fixed;
    background: none;
}
.goods-detail-header .aui-btn{
    background: #4f4644 !important;
    position: relative;
    top:10px;
    left:10px;
    border-radius:50%;
    width:2rem;
    height:2rem;
}
.goods-detail{
    position:relative;
    background: #fff;
    padding-bottom:10px;
}
.goods-detail .tag{
    position: absolute;
    z-index:9;
    top: 1rem;
    left: 2rem;
    width: 100px;
    height: 100px;
    background-image: url("../image/goods-img-tag.png");
    background-position: center;
    background-size: 100%;
}
.goods-detail .tag img{
    width:100%;
}
.goods-detail .goods-title{
    margin:10px;
}
.goods-detail .goods-title a{
    color:#333;
}
.award{
    border:1px solid #ddd;
    margin:10px;
    padding:10px;
    position:relative;
    height:180px;
}
.award .award-tag{
    position: absolute;
    top:0;
    left:20px;
    background: url("../image/goods-win-tag.png") repeat-x;
    width:36px;
    height:50px;
    background-size: 100%;
    color:#fff100;
    font-size:0.65rem;
    padding-left:5px;
}
.award .award-content{
    background: #fff7f0;
    height:100%;
}
.award .award-content .award-msg{
    height:125px;
    position: relative;
}
.award .award-content .award-msg img.award-msg-img{
    position: absolute;
    top:20px;
    left:50px;
    width:50px;
    height:50px;
    border-radius:50%;
}
.award .award-content .award-msg .award-msg-font{
    margin-left:110px;
    padding-top:24px;
}
.award .award-content .award-msg .award-msg-font p{
   font-size: 0.6rem;
    line-height: 20px;
    color:#75b3e2;
}
.award .award-content .award-num{
    background: #fff7f0 url("../image/goods-win-bg.png") repeat-x;
    width:100%;
    line-height:35px;
    color:#fff;
    text-align: center;
}

.goods-detail .tips{
    margin:0 10px;
    background: #efefef;
    color:#b5b5b6;
    line-height: 40px;
    text-align: center;
}
.detail-nav{
    background: #fff;
    margin-top:15px;
    padding-bottom:50px;
}
.advert{
    width:100%;
    background: #fcfdfd;
    border-top:1px solid #e4e5e5;
    line-height: 50px;
    font-size: 0.6rem;
    padding:0 10px;
    position: fixed;
    bottom:0;
    z-index:99;
}
.advert button{
    background: #e73e56;
    color:#fff;
    padding:0 5px;
    line-height: 30px;
    border-radius: 5px;
    border:none;
    position: absolute;
    top:10px;
    right:10px;
}
.product-progress{
    padding:0 20px;
}
.product-progress .progress_bar{
    height:30px;
    position: relative;
}

.product-progress .progress_bar .barline{
    display:inline-block;
    width:100%;
    background: #f1eada;
    height:10px;
    border-radius:8px;
    position:absolute;
    left:1px;
    top:16px;
}
.product-progress .progress_bar .barline .line{
    float: left;
    height: 10px;
    overflow: hidden;
    border-radius: 8px;
}
.product-progress .progress_bar .barline .line.gradient {
    background-image: -webkit-linear-gradient(to right, #fee615, #f9bf0b);
    background-image: linear-gradient(to right, #fee615, #f9bf0b);
}

.product-progress .aui-content{
    height:40px;
}
.product-progress .aui-content .aui-col-xs-4{
    color:#999;
    font-size:12px;
    text-align:center;
}
.product-progress .aui-content .aui-col-xs-4 span{
    display:block;
    text-align:center;
    color:#333;
    font-size:16px;
}

.partake{
    border:1px solid #ddd;
    padding: 20px;
}
.partake .label{
    font-size:0.7rem;
}
.partake .partake-num{
    display:inline-block;
    position:relative;
    top:10px;
}

.partake .partake-num .minus{
    float:left;
    border:1px solid #ddd;
    border-radius: 6px 0 0 6px;
    text-align: center;
    width: 30px;
    line-height: 28px;
}
.partake .partake-num .minus.disable{
    background:#eee;
}
.partake .partake-num .goods-num{
    float:left;
    border:1px solid #ddd;
    border-left:none;
    border-right:none;
    width:50px;
    min-height: 28px;
    line-height: 28px;
    background-color: #ffffff;
    text-align: center;
    font-size:0.7rem;
}
.partake .partake-num .plus{
    float:left;
    border:1px solid #ddd;
    width: 30px;
    border-radius: 0 6px 6px 0;
    text-align: center;
    line-height: 28px;
}
.partake .tips{
    background: #fef3e7;
    color: #bb925c;
    padding:2px 5px;
    font-size:0.6rem;
}
.product-buy {
    padding: 10px 20px;
}
.buy-btn {
    background: #e73e56;
    color:#fff;
    border: none;
}